@charset "utf-8";
@import "common/reset";
@import "common/common";
.banner{
    width: 100%;
    overflow: hidden;
    img{
        width: 100%;
    }
}
.title{
    h3{
        text-transform: uppercase;
    }
    .line{
        width: 60px;
        height: 4px;
    }
    p{
        color:#4c4c4c;
    }
}
.procedure{
    padding-top: 108px;
    padding-bottom: 380px;
    text-align: center;
    border-bottom: $area-border;
    background: url(../img/cooperation/coor_03.png) left 0 bottom 0/100% auto no-repeat;
    .title{
        margin-bottom: 42px;
    }
    p{
        width: 616px;
        margin: auto;
        line-height: 26px;
        color: #4d4d4d;
    }
}
.advantages{
    padding-top: 106px;
    padding-bottom: 122px;
    border-bottom: $area-border;
    .title{
        margin-bottom: 66px;
    }
}
.connect{
    padding-top: 73px;
    padding-bottom: 74px;
    border-bottom: $area-border;
    text-align: center;
    .title{
        margin-bottom: 49px;
    }
    >p{
        width: 616px;
        margin: auto;
        line-height: 25px;
        margin-bottom: 35px;
        color: #878787;
        &:last-child{
            margin-bottom: 35px;
        }
    }
    .connect-way{
        line-height: 1;
        margin-top: 29px;
        .imgfix{
            width: 66px;
            margin: auto;
            height: 66px;
            border-radius: 50%;
            margin-bottom: 32px;
        }
        p{
            font-size: 28px;
            color: $theme-color;
        }
    }
}
.address{
    padding-top: 88px;
    .title{
        margin-bottom: 73px;
    }
    .add-desc{
        width: 690px;
        margin: auto;
        line-height: 1;
        h2{
            font-size: 34px;
            color: #4d4d4d;
            position: relative;
            margin-bottom: 43px;
            &::after{
               content: '';
               display: block;
               width: 261px;
               height: 2px;
               background: $theme-color;
               position: absolute;
               bottom: -24px;
            }
        }
        p{
            color:#4d4d4d;
        }
        .color{
            color: #1197ee;
        }
        .mb1{
            margin-bottom: 57px;
        }
        .mb2{
            margin-bottom: 34px;
        }
        .mb3{
            margin-bottom: 64px;
        }
        
    }
    .map{
        width: 960px;
        height: 420px;
        margin: auto;
    }
    .conect_way{
        padding: 85px 0 89px;
    }
}
